<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<!-- 
		Replace path to template, title, header and body
		with actual data.
	 -->
<ui:composition template="/templates/store.xhtml">
	<ui:define name="pageTitle">Commandes reçues</ui:define>
	<ui:define name="pageHead"></ui:define>
	<ui:define name="first"></ui:define>
	<ui:define name="body">

		<div class="row">

			<h1>Commandes reçues</h1>

			<dl class="sub-nav">
				<dt>Commandes :</dt>
				<dd class="active">
					<a href="#">Non livrées</a>
				</dd>
				<dd>
					<a href="#">Toutes</a>
				</dd>
			</dl>
			<dl class="sub-nav">
				<dt>ordre :</dt>
				<dd class="active">
					<a href="#">Plus anciennes</a>
				</dd>
				<dd>
					<a href="#">Plus récentes</a>
				</dd>
			</dl>

			<div class="big-10 medium-9 small-12 small-pull-12 columns">
				<table>
					<thead>
						<tr>
							<th width="80">Référence</th>
							<th width="100">Destinataire</th>
							<th width="300">
								<div class="row">
									<div class="small-4 small-centered columns">Produits</div>
								</div>
								<div class="row">
									<div class="small-8 columns">Libellé</div>
									<div class="small-4 columns">Quantité</div>
								</div>
							</th>
							<th width="80">Etat</th>
							<th width="100">Confirmer</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>1</td>
							<td><a data-reveal-id="adresse" href="#">Adrien Scoupe</a></td>
							<td>
								<div class="row">
									<div class="small-9 columns">Je suis Chuck Norris</div>
									<div class="small-3 columns">2</div>
								</div>
								<div class="row">
									<div class="small-9 columns">Je mange une barbapapa
										géante</div>
									<div class="small-3 columns">3</div>
								</div>
							</td>
							<td>Livré</td>
							<td></td>
						</tr>
						<tr>
							<td>2</td>
							<td><a data-reveal-id="adresse" href="#">Adrien Scoupe</a></td>
							<td>
								<div class="row">
									<div class="small-9 columns">Je suis Chuck Norris</div>
									<div class="small-3 columns">2</div>
								</div>
							</td>
							<td>Non livré</td>
							<td><a href="#" class="button radius tiny success">Confirmer</a></td>
						</tr>
						<tr>
							<td>3</td>
							<td><a data-reveal-id="adresse" href="#">Adrien Scoupe</a></td>
							<td>
								<div class="row">
									<div class="small-9 columns">Je suis Chuck Norris</div>
									<div class="small-3 columns">2</div>
								</div>
							</td>
							<td>Non livré</td>
							<td><a href="#" class="button radius tiny success">Confirmer</a></td>
						</tr>
						<tr>
							<td>4</td>
							<td><a data-reveal-id="adresse" href="#">Adrien Scoupe</a></td>
							<td>
								<div class="row">
									<div class="small-9 columns">Je suis Chuck Norris</div>
									<div class="small-3 columns">2</div>
								</div>
							</td>
							<td>Non livré</td>
							<td><a href="#" class="button radius tiny success">Confirmer</a></td>
						</tr>
						<tr>
							<td>5</td>
							<td><a data-reveal-id="adresse" href="#">Adrien Scoupe</a></td>
							<td>
								<div class="row">
									<div class="small-9 columns">Je suis Chuck Norris</div>
									<div class="small-3 columns">2</div>
								</div>
							</td>
							<td>Non livré</td>
							<td><a href="#" class="button radius tiny success">Confirmer</a></td>
						</tr>
						<tr>
							<td>6</td>
							<td><a data-reveal-id="adresse" href="#">Adrien Scoupe</a></td>
							<td>
								<div class="row">
									<div class="small-9 columns">Je suis Chuck Norris</div>
									<div class="small-3 columns">2</div>
								</div>
							</td>
							<td>Non livré</td>
							<td><a href="#" class="button radius tiny success">Confirmer</a></td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="big-2 medium-3 small-12 columns">
				<h3>Recherche</h3>
				<br /> <label>Référence commande</label> <input type="text"
					placeholder="Entrez la référence" /> <a href="#"
					class="button radius">Rechercher</a> <a href="#"
					class="button radius alert">Réinitialiser</a>
			</div>
		</div>
		<div id="adresse" class="reveal-modal" data-reveal="true">
			<h2>Adrien Scoupe</h2>
			<p class="lead">0612345678</p>
			<p>
				5 impasse des petits pois<br /> 51856, Froutigny<br />
				adrien@scoopy.fr
			</p>
			<a class="close-reveal-modal">&#215;</a>
		</div>

	</ui:define>
	<ui:define name="last">
	</ui:define>
</ui:composition>

</html>